<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./api.css">
</head>

<body>

    <!-- 头部 -->
    <header class="head df ac jsb">
        <h1>
            <a href="#"><img src="../../assets/imgs/new-logo-white2.png" alt=""></a>
        </h1>
        <nav>
            <ul class="df" style="color:#666666">
                <li><a href="../home/home.html" style="color:#666666">首页</a></li>
                <li class="active"><a href="#" style="color:#666666">API</a></li>
                <li><a href="../customer/customer.html" style="color:#666666">案例</a></li>
            </ul>
        </nav>
        <div class="df">
            <a class="btn loginbtn" href="../register/register.html" style="color:#666666">登录</a>
            <a class="btn regbtn" href="../login/login.html">注册有礼</a>
        </div>

    </header>

    <div class="API wrap ">
        <!-- API分类 -->
        <div class="api-top ">
            <h1>API分类</h1>
            <ul class="df">
            </ul>

            <div class="search ">
                <h3 class="ds" style="font-weight:bold;">全部</h3>&nbsp;
                <i class="iconfont icon-gouwuche"></i>
                <input type="text" class="search-input"  placeholder="身份证实名">
            </div>
        </div>
        <!-- API搜索 -->
        <div class="api-id  ">
            <ul class="df jsb">
            </ul>
        </div>
        <!-- api分页 -->
        <div class="api-button wrap">
            <ul class="df jsb ac jc">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>
                <li><span>......</span>&nbsp;&nbsp;<p class="ds">下一页></p>
                </li>
            </ul>
        </div>
    </div>
    <footer class="foot">
        <div class="wrap">
            <!-- 顶部 -->
            <div class="footer-top df jc">
                <dl>
                    <dt>联系与支持</dt>
                    <dd>
                        <a href="#">400-882-7715</a>
                    </dd>
                    <dd>
                        <a href="#">售前咨询</a>
                    </dd>
                    <dd>
                        <a href="#">客服&售后</a>
                    </dd>
                    <dd>
                        <a href="#">常见问题</a>
                    </dd>
                    <dd>
                        <a href="#">极速工单</a>
                    </dd>
                    <dd>
                        <a href="#">投诉与建议</a>
                    </dd>
                </dl>
                <dl>
                    <dt>关于源码</dt>
                    <dd>
                        <a href="#">400-882-7715</a>
                    </dd>
                    <dd>
                        <a href="#">售前咨询</a>
                    </dd>
                    <dd>
                        <a href="#">客服&售后</a>
                    </dd>
                    <dd>
                        <a href="#">常见问题</a>
                    </dd>
                    <dd>
                        <a href="#">极速工单</a>
                    </dd>
                    <dd>
                        <a href="#">投诉与建议</a>
                    </dd>
                </dl>
                <dl>
                    <dt>快速入口</dt>
                    <dd>
                        <a href="#">400-882-7715</a>
                    </dd>
                    <dd>
                        <a href="#">售前咨询</a>
                    </dd>
                    <dd>
                        <a href="#">客服&售后</a>
                    </dd>
                    <dd>
                        <a href="#">常见问题</a>
                    </dd>
                    <dd>
                        <a href="#">极速工单</a>
                    </dd>
                    <dd>
                        <a href="#">投诉与建议</a>
                    </dd>
                </dl>
                <dl>
                    <dt>产品服务</dt>
                    <dd>
                        <a href="#">400-882-7715</a>
                    </dd>
                    <dd>
                        <a href="#">售前咨询</a>
                    </dd>
                    <dd>
                        <a href="#">客服&售后</a>
                    </dd>
                    <dd>
                        <a href="#">常见问题</a>
                    </dd>
                    <dd>
                        <a href="#">极速工单</a>
                    </dd>
                    <dd>
                        <a href="#">投诉与建议</a>
                    </dd>
                </dl>
                <dl>
                    <dt>解决方案</dt>
                    <dd>
                        <a href="#">400-882-7715</a>
                    </dd>
                    <dd>
                        <a href="#">售前咨询</a>
                    </dd>
                    <dd>
                        <a href="#">客服&售后</a>
                    </dd>
                    <dd>
                        <a href="#">常见问题</a>
                    </dd>
                    <dd>
                        <a href="#">极速工单</a>
                    </dd>
                    <dd>
                        <a href="#">投诉与建议</a>
                    </dd>
                </dl>
                <!-- 右边的微信图标 -->
                <div class="wechat">
                    <p class="title">微信公众号</p>
                    <p class="name">源码时代</p>
                    <img src="../../assets/imgs/wechat-white.png" alt="">
                </div>
            </div>
            <!-- 底部 -->
            <p class="wrap foot-button">
                <a href="#">
                    <img src="../../assets/imgs/bei2.png" alt="">
                </a>
                <a href="#">
                    <img src="../../assets/imgs/bei1.png" alt=""> </a>
                <span>增值电信业务经营许可证:蜀B2-20180596</span>
                <a href="#">蜀ICP备15006450号-3</a>
                <a href="#">营业执照</a>
                <span class="yuanma ds">源码大数据股份有限公司©版权所有</span>
            </p>
        </div>


    </footer>


    <div class="ModalFrame off" id="ModalFrame">
        <div class="main ">
            <div class="iconfont icon-gouwuchex icon-gouwuche "></div>
            <p><img src="../../assets/imgs/loginlogo.png" alt=""> <br>
                <br>
                <br>
            </p>
            <div class="login df ac jc">
                <br>
                <br>
                <br>
                <br>
                <p class="name chartreuse" id="nameY">账号登录</p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <h1>|</h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <p class="btnT">扫码登录</p>
            </div>

            <div class="name-word">
                <div class="username">
                    <input type="text" placeholder="请输入数字8通过" id="inputLog">
                </div>
                <div class="password">
                    <img src="../../assets/imgs/suoding.svg" alt="" id="imgx" width="30px">
                    <input type="password" name="" placeholder="密码" id="inputWord">
                </div>
                <h4>忘记密码了吗</h4><br>
                <a href="../home/home.html"><button id="btnxx">点我登录</button></a><br><br>
            </div>

            <div class="rgd">
                <p><span>还没有账号, <a href="">立即注册</a></span></p>
            </div>


            <div class="Two-dimensional off">
                <img src="../../assets/imgs/showqrcode.jpg" alt="" width="160px">
                <p>微信扫码登录</p>
                <p>未关注源码科技公众号，请先关注后在登陆</p>
            </div>

        </div>


    </div>

    <script src="../../assets/libs/get.js"></script>
    <script src="./api.js"></script>
</body>

</html>